#secretMap {
  width: 100%;
  height: 100%;
  background-color: #000;
}
#secretMap .map {
  width: 100%;
  position: relative;
  height: calc(100% - 4.6em)
}
#secretMap [class^='lattice'] {
  width: 20%;
  height: 20%;
//  float: left;
//  background-color: #282C34;
//  margin-bottom: 0.2em;
}
.lattice1,.lattice2,.lattice3,.lattice4,.lattice5,.lattice11,.lattice12,.lattice13,.lattice14,.lattice15,.lattice21,.lattice22,.lattice23,.lattice24,.lattice25{
  float: left;
}
.lattice6,.lattice7,.lattice8,.lattice9,.lattice10,.lattice16,.lattice17,.lattice18,.lattice19,.lattice20{
  float: right;
}

#secretMap [class^='lattice'] span {
  display: block;
}
#secretMap .latticeIcon {
  font-size: 2em;
}
#secretMap .lattice {
  display: none;
}

#secretMap .playerIcon{
  position: absolute;
  left:0;
  top: 0;
  transition-property: all;
  transition-duration: .5s;
  font-size: 2em;
}

#secretMap .lattice img {
  display: block;
}
#secretMap .bottom {
  width: 100%;
  position: absolute;
  bottom: 0.1em;
  height: 4.7em;
}

#secretMap .titleContent {
  font-size: 0.9em;
}
#secretMap .action {

}
#secretMap .action button {
  font-size: 1.1em;
  border-width: 0.2em;
  background-color: #146731;
  margin: 0 0.2em 0 0.2em;
}

#secretMap .action button span{
  font-size: 1.2em;
}
@-webkit-keyframes hurtTwinkling {
  0% {
    color: #e25c1a;
  }
  100% {
    color: #fff;
  }
}
#secretMap .hurtAnimation {
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-name: hurtTwinkling;
  -webkit-animation-duration: 200ms;
  -webkit-animation-iteration-count: 3;
  -webkit-animation-direction: alternate;
}
@-webkit-keyframes action {
  0% {
    background-size: 0% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
#secretMap .actionAnimation {
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-name: action;
  -webkit-animation-duration: 1500ms;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  background-image: url('../img/buttonbg.png');
}

#secretMap .imgDie{
  font-size: 1.5em;
}
